<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设计器</title>
<link rel="stylesheet" type="text/css" href="easyui/easyui.css">
<link rel="stylesheet" type="text/css" href="easyui/icon.css">
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="easyui/jquery.edatagrid.js"></script>
<script type="text/javascript" src="go.js"></script>
<script type="text/javascript" src="flow2.js"></script>

</head>
<body class="easyui-layout" style="margin: 1px;" onload="init()">
	<div data-options="region:'west',title:'工具栏'" style="width: 150px;">
		<div id="myPaletteDiv" style="width: 100%; height: 100%;"></div>
	</div>
	<div data-options="region:'center',split:false"
		style="margin-left: 10px">
		<div data-options="region:'north',title:'流程设计器',iconCls:'icon-ok'"
			style="padding-bottom: 10px">
			<div id="myDiagramDiv" style="width: 100%; height: 350px;"></div>
			<button id="SaveButton" onclick="save()">生成逻辑代码</button>

			<div style="width: 100%; white-space: nowrap; display: none">
				<textarea id="mySavedModel" style="width: 60%; height: 300px"></textarea>
				<textarea id="mySavedModel2" style="width: 40%; height: 300px"></textarea>
			</div>
		</div>
		<div data-options="region:'south',split:false" style="height: 350px;">
			<div class="easyui-tabs"
				data-options="{fit:true,onSelect:doTabSelected}">
				<div title="属性" style="padding: 2px;">
					<div id="propertiesDiv"
						style="border: none 0px black; width: 100%; height: 100%; min-width: 1024px; min-height: 400px;">
						<p id="properties"></p>
						<select id="classData" style="display: none;"
							onchange="selectOnChange()">
							<option value=""></option>
						</select> <select id="methodData" style="display: none; width: 300px;"
							onchange="select2OnChange()">
							<option></option>
						</select>
						<div id="divForStart">
							<table id="dg" title="My Properties"
								style="width: 700px; height: 250px" toolbar="#toolbar"
								pagination="true" idField="paramName" rownumbers="true"
								fitColumns="true" singleSelect="true">
								<thead>
									<tr>
										<th name='paramName' field="paramName" width="50"
											editor="{type:'validatebox',options:{required:true}}">参数名</th>
										<th id='type' field="type" width="50"
											editor="{type:'validatebox',options:{required:true}}">类型</th>
									</tr>
								</thead>
							</table>
							<div id="toolbar">
								<a href="javascript:void(0)" class="easyui-linkbutton"
									iconCls="icon-add" plain="true"
									onclick="javascript:$('#dg').edatagrid('addRow')">新属性</a> <a
									href="javascript:void(0)" class="easyui-linkbutton"
									iconCls="icon-remove" plain="true"
									onclick="javascript:$('#dg').edatagrid('destroyRow')">删除</a>

							</div>
						</div>
						<div id="divForEnd">
							<table id="dg2" title="My Properties"
								style="width: 700px; height: 250px" toolbar="#toolbar2"
								pagination="true" idField="paramName" rownumbers="true"
								fitColumns="true" singleSelect="true">
								<thead>
									<tr>
										<th name='paramName' field="paramName" width="50"
											editor="{type:'validatebox',options:{required:true}}">参数名</th>
										<th id='type' field="type" width="50"
											editor="{type:'validatebox',options:{required:true}}">类型</th>
									</tr>
								</thead>
							</table>
							<div id="toolbar2">
								<a href="javascript:void(0)" class="easyui-linkbutton"
									iconCls="icon-add" plain="true"
									onclick="javascript:$('#dg2').edatagrid('addRow')">新属性</a> <a
									href="javascript:void(0)" class="easyui-linkbutton"
									iconCls="icon-remove" plain="true"
									onclick="javascript:$('#dg2').edatagrid('destroyRow')">删除</a>

							</div>
						</div>
					</div>
				</div>
				<div title="数据映射" style="padding: 2px;">
					<div id="myParameterDiv"
						style="border: none 0px black; width: 100%; height: 100%; min-width: 1024px; min-height: 400px;"></div>
				</div>
				<div title="逻辑代码" style="padding: 2px;">
					<pre id="sourceRuleView"></pre>
				</div>
			</div>
		</div>
	</div>



</body>
</html>